<template>
	<!--通过双大括号显示state下的name属性-->
    <div>
        {{state.name}}
    </div>
</template>

<script>
//Vue3通过import 的形式引入构造双向绑定数据的reactive方法
    import {reactive} from 'vue'
    export default{
        setup(){
            //构造响应式数据state
            const state=reactive({name:'尼克陈'})
            //必须通过return 返回,目的是让模板可以获得返回的属性，这里可以使方法和变量
            return {state}
        }
    }
</script>